    <!-- 组件方式引入header -->
    @component('backend.index.frame')
        @slot('title')
            <title>{{$title}}</title>
        @endslot
        @slot('script')
            <!-- 页面自身js -->
            <script type="text/javascript" src="/static/js/{{$identity}}.js"></script>
        @endslot
    @endcomponent
</head>
<body class="hold-transition sidebar-mini layout-fixed">
    <div class="wrapper">
        <!--顶部栏目-->
        <?php require_once resource_path('views') . '/backend/index/navbar.blade.php'; ?>
        <!-- 组件方式,引入侧边栏 -->
        @component('backend.index.sidebar')
            @slot('identity'){{$identity}}@endslot
            @slot('sidebar'){{$sidebar}}@endslot
        @endcomponent

        <div class="content-wrapper" id="jd_category">
            <!-- 内容标题（页面标题） -->
            <section class="content-header">
                <div class="container-fluid">
                    <div class="row mb-2">
                        <div class="col-sm-6">
                            <h1>通用表单</h1>
                        </div>
                        <div class="col-sm-6">
                            <ol class="breadcrumb float-sm-right">
                                <li class="breadcrumb-item"><a href="#">主页</a></li>
                                <li class="breadcrumb-item active">通用表单</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 主体内容 -->
            <section class="content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="label control-label">类型等级:</label>
                                <select class="form-control" v-model="category_grade">
                                    <option value="-1">全部</option>
                                    <option value="0">一级类别</option>
                                    <option value="1">二级类别</option>
                                    <option value="2">三级类别</option>
                                </select>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="label control-label">关键字:</label>
                                <div class="input-group">
                                    <input type='text' class="form-control" v-model="keyword" />
                                    <button class="btn btn-primary btn-sm" @click="getDataList">搜索</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row" style="margin-top: 20px;">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-body">
                                    <input type="hidden" id="lcm_lingpai" value="{{csrf_token()}}">
                                    <table class="table table-bordered table-hover text-center">
                                        <thead>
                                            <tr>
                                                <th>ID</th>
                                                <th>京东ID</th>
                                                <th>级别</th>
                                                <th>名称</th>
                                            </tr>
                                        </thead>
                                        <tbody v-if="datalist.length > 0">
                                            <tr v-for="item in datalist">
                                                <td>@{{item.id}}</td>
                                                <td>@{{item.jd_category_id}}</td>
                                                <td>第@{{item.grade + 1}}级</td>
                                                <td>@{{item.name}}</td>
                                            </tr>
                                        </tbody>
                                        <tbody v-else>
                                            <tr>
                                                <td colspan="4" class="text-center">暂无数据</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                                <div class="card-footer">
                                    @component('backend.index.pagination')
                                    @endcomponent
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </section>
        </div>

        <!--底部栏目-->
        <?php require_once resource_path('views') . '/backend/index/footer.blade.php'; ?>
    </div>
</body>
</html>
